<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
	<meta name="description" content="">
	<meta name="author" content="">
	<title>这是不想加功能的第999次</title>
	<link th:href="@{/css/bootstrap.min.css}" rel="stylesheet">
	<link th:href="@{/css/signin.css}" rel="stylesheet ">
	<style>

		#time {
			/*底部定位 将top修改为  bottom: 0;*/
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
			background-color: #f5f5f5;
			text-align: center;
			padding: 10px;
			font-size: 20px;
			font-weight: bold;
		}
	</style>
<!--	时间固定在页面底部-->
</head>

<body class="text-center">
<!--	  background="/img/cover1.jpg"-->
<!--	  style="background-size:cover;-->
<!--	  background-attachment: fixed;">-->

<div id="time"></div>
<!--时间显示-->

<form class="form-signin" th:action="@{/login}">
	<img class="mb-4" th:src="@{/img/bootstrap-solid.svg}" alt="图标" width="72" height="72">
	<h1 class="h3 mb-3 font-weight-normal">升级打怪的张优秀</h1>
	<!--如果用户为空，则不显示-->
	<!--	required  便是 前端input属性判断字段不能为空 的操作-->
	<input type="text" class="form-control" name="username" placeholder="用户名" required maxlength="6" autofocus="">
	<input type="password" class="form-control" name="password" placeholder="密码" required maxlength="3">
<!--非空等判断-->
	<p style="color:red" th:text="${msg}" th:if="${not #strings.isEmpty(msg)}"></p>
	<div class="checkbox mb-3">
		<label style="color: #0062cc">
			<input type="checkbox" value="remember-me">记住我
		</label>
	</div>
	<button class="btn btn-lg btn-primary btn-block" type="submit">登录</button>
	<p style="color: #ff0000" class="mt-5 mb-3 text-muted">@用户名:admin 密码:999</p>
<!--	class="mt-5 mb-3 text-muted"-->
</form>

<script>
	function showTime() {
		let date = new Date();
		let dateTime = date.toLocaleString();
		document.getElementById("time").innerHTML = "无用的表：" + dateTime;
	}
	setInterval(showTime, 1000);
</script>
</body>
</html>